<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9" lang="en" itemscope itemtype="http://schema.org/Product"> <![endif]-->

<!--[if gt IE 9]><!--> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>EDNASYS - Product</title>
   <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/home.css">
</head>

<body>
  <div class="outshell" id="outshell">
    <div class="innershell" id="innershell">
      <div class="navigation">
        <div id="logo">
          <h1>EdNASYS</h1>
        </div>
        <div class="menu" id="menu">
          <ul>
            <li><a href="">Home</a></li>
            <li><a href="">Contact Us</a></li>
          </ul>
          
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
      <div class="content" id="content">
        <div class="product-info">
           <div class="left">
              <h2>Overview</h2>
              <div class="hero-text">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, nunc eu sollicitudin elementum, tellus libero viverra elit, vel malesuada elit odio quis metus. Nulla magna sem, mollis vel cursus in, aliquam eu augue. Sed porta, odio ut consequat imperdiet, velit dui porttitor turpis, sed bibendum urna risus vel mi. Phasellus diam odio, porta nec scelerisque eget, sodales id nisi. In hac habitasse platea dictumst. Sed iaculis venenatis felis, non vehicula erat aliquet facilisis. Sed commodo est ac nulla convallis eleifend non ut lacus.</p>
                <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam in imperdiet enim. Aliquam erat volutpat. Curabitur non eros eget est mattis sollicitudin. Morbi pulvinar, metus vitae posuere sagittis, leo erat malesuada lorem, sed auctor augue tellus ac dui. Nam non mauris vel massa condimentum placerat in ut purus. Maecenas tincidunt pulvinar convallis. Vestibulum ac felis non magna auctor consequat ac at nibh. Vestibulum sit amet augue ac sem cursus ultrices.</p>
                <p>Morbi eget tortor nec tellus fringilla pharetra. Nunc sed metus mi, ac feugiat orci. Integer facilisis libero at ipsum molestie quis ornare massa convallis. Maecenas congue vulputate velit ac pellentesque. Maecenas placerat, turpis sit amet vehicula aliquam, nisl augue fringilla massa, vitae laoreet nibh nisi vitae magna. Etiam ullamcorper sodales nisi non aliquam. Nulla ut nulla vitae orci fermentum volutpat et id ipsum.</p>
              </div>
              <div class="clear"></div>
           </div>
           <div class="right">
             
             <div class="login module">
              <h4>"EDNA Educational</h4>
               <h1><a href="">Login</a></h1>
             </div>
             <div class="clear"></div>
             <div class="bubble">
                <h2>Case Studies</h2>
                <p> <a> See what we did</a></p>

             </div>
             <div class="bubble">
               <h2>Questions?</h2>
               <p> <a> Read our FQA page</a></p>
             </div>
             <div class="bubble">
               <h2>Contact Us! </h2>
               <p><a> Write us an email</a></p>
             </div>

           </div>
        


        </div>
      



      </div>
      <div class="clear"></div>
      <div class="footer" id="footer">
        <div class="inner-footer">
          <div class="footer-links" id="footer-links">
            <a href="">Contact Us</a>
             <a href="">Terms of Use</a>
             <a href="">Trademarks</a>
             <a href="">Privacy Statement</a>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
         <div class="copyright">
                  <span><script type="text/javascript">now=new Date(); year=now.getFullYear(); </script>&copy; Copyright <script type="text/javascript">document.write(year);</script> --- All Rights Reserved - EDNASys LLC</span>
         </div>           
        <div class="clear"></div>
        </div>
      </div>
   
    </div>
    <div class="clear"></div>
  </div>



  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
  <script type="text/javascript" src="js/shadow-txt.js">  </script>
</body>
</html>
